﻿<div id="diamond-on-sale" class="row">
    <div class="col-md-12">
        <form class="form-horizontal">
            <fieldset>
                <legend>查询条件</legend>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-type">类型</label>
                            <div class="col-md-7">
                                <select class="form-control input-sm" id="diamond-on-sale-type">
                                    <option value=""></option>
                                    @foreach (var item in BusinessHelper.DiamondTypes)
                                    {
                                        <option value="@item.Key">@item.Value</option>
                                    }
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-shape">形状</label>
                            <div class="col-md-7">
                                <select class="form-control input-sm" id="diamond-on-sale-shape">
                                    <option value=""></option>
                                    @foreach (var item in BusinessHelper.DiamondShapes)
                                    {
                                        <option value="@item">@item</option>
                                    }
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-report-number">证书编号</label>
                            <div class="col-md-7">
                                <input id="diamond-on-sale-report-number" type="text" class="form-control input-sm" placeholder="可以只填写最后、开始或者中间部分" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-report-type">证书类型</label>
                            <div class="col-md-7">
                                <select class="form-control input-sm" id="diamond-on-sale-report-type">
                                    <option value=""></option>
                                    @foreach (var item in BusinessHelper.DiamondReports)
                                    {
                                        <option value="@item">@item</option>
                                    }
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-price-from">销售价格从</label>
                            <div class="col-md-7">
                                <input id="diamond-on-sale-price-from" type="number" class="form-control input-sm" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-price-to">到</label>
                            <div class="col-md-7">
                                <input id="diamond-on-sale-price-to" type="number" class="form-control input-sm" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-weight-from">重量从</label>
                            <div class="col-md-7">
                                <input id="diamond-on-sale-weight-from" type="number" class="form-control input-sm" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-weight-to">到</label>
                            <div class="col-md-7">
                                <input id="diamond-on-sale-weight-to" type="number" class="form-control input-sm" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-colored-color">彩钻颜色</label>
                            <div class="col-md-7">
                                <input id="diamond-on-sale-colored-color" type="text" class="form-control input-sm" placeholder="可以只填写部分" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-color">白钻颜色</label>
                            <div class="col-md-7">
                                <select class="form-control input-sm" id="diamond-on-sale-color">
                                    <option value=""></option>
                                    @foreach (var item in BusinessHelper.DiamondColors)
                                    {
                                        <option value="@item">@item</option>
                                    }
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-clarity">净度</label>
                            <div class="col-md-7">
                                <select class="form-control input-sm" id="diamond-on-sale-clarity">
                                    <option value=""></option>
                                    @foreach (var item in BusinessHelper.DiamondClarities)
                                    {
                                        <option value="@item">@item</option>
                                    }
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-cut">切工</label>
                            <div class="col-md-7">
                                <select class="form-control input-sm" id="diamond-on-sale-cut">
                                    <option value=""></option>
                                    @foreach (var item in BusinessHelper.DiamondCuts)
                                    {
                                        <option value="@item">@item</option>
                                    }
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-polish">抛光</label>
                            <div class="col-md-7">
                                <select class="form-control input-sm" id="diamond-on-sale-polish">
                                    <option value=""></option>
                                    @foreach (var item in BusinessHelper.DiamondPolishes)
                                    {
                                        <option value="@item">@item</option>
                                    }
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-md-5" for="diamond-on-sale-symmetry">对称</label>
                            <div class="col-md-7">
                                <select class="form-control input-sm" id="diamond-on-sale-symmetry">
                                    <option value=""></option>
                                    @foreach (var item in BusinessHelper.DiamondSymmetries)
                                    {
                                        <option value="@item">@item</option>
                                    }
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <button type="button" class="btn btn-primary btn-sm" id="diamond-on-sale-search"><span class="glyphicon glyphicon-search" aria-hidden="true"></span> 查询</button>
                <button type="button" class="btn btn-default btn-sm" id="diamond-on-sale-clear"><span class="glyphicon glyphicon-repeat" aria-hidden="true"></span> 重置查询条件</button>
            </fieldset>
        </form>
        <div class="table-responsive">
            <table id="diamond-on-sale-result" class="table table-striped table-bordered table-hover">
                <thead>
                    <tr><th class="text-left">序号</th><th>类型</th><th>形状</th><th>证书编号</th><th>证书类型</th><th class="text-right">重量</th><th>颜色</th><th>净度</th><th>切工</th><th>抛光</th><th>对称</th><th>荧光</th><th class="text-right">成本</th><th class="text-right">销售价格</th><th>状态</th><th>备注</th></tr>
                </thead>
                <tbody></tbody>
                <tfoot>
                    <tr>
                        <th colspan="16">
                            <nav>
                                <ul class="pager">
                                    <li><a id="diamond-on-sale-prev" href="javascript:void(0)">上一页</a></li>
                                    <li><a id="diamond-on-sale-next" href="javascript:void(0)">下一页</a></li>
                                </ul>
                            </nav>
                        </th>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
